<div>拖动文件到页面</div>
<script>
  document.ondragover = (e) => {
    e.preventDefault();

    document.body.style.background = '#6fff41';
  };
  document.ondragleave = () => {
    document.body.style.background = '#fff';
  };
  document.ondrop = (e) => {
    document.body.style.background = '#fff';
    e.preventDefault(); // 拖动文件到浏览器的默认行为是：用浏览器打开该文件。
    console.log(e.dataTransfer.files[0], e.dataTransfer.files);
  };
</script>
